<template>
  <a-popover position="bottom">
    <icon-question-circle size="20" />
    <template #content>
      <div class="preformatted">{{ content }}</div>
    </template>
  </a-popover>
</template>

<script setup>
defineOptions({ name: 'Popover' })
const props = defineProps(['content'])
</script>
<style scoped>
.preformatted {
  white-space: pre-line;
  max-width: 180px;
  font-size: 13px;
  height: fit-content;
}
</style>
